<!DOCTYPE html>
<html>
    <head>
            <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
            <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
            <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
            <h4>
                有序列表
            </h4>
            <ol>
                <li>2</li>
                <li>2</li>
                <li>2</li>
                <li>2</li>
            </ol>
            <h4>无序列表</h4>
            <ul>
                <li>w</li>
                <li>w</li>
                <li>w</li>
                <li>w</li>
            </ul>
            <h4>
                未定义样式列表
            </h4>
            <ul class="list-unstyled">
                <li>d</li>
                <li>q</li>
                <li>q</li>
                <li>a</li>
            </ul>
            <h4>内联列表</h4>
            <ul class="list-inline">
                    <li>3</li>
                    <li>w</li>
                    <li>w</li>
                    <li>4</li>
            </ul>
            <h4>定义列表</h4>
            <dl>
                <dt>
                    dsfdlkjf
                </dt>
                <dd>
                    dlskd
                </dd>
                <dt>
                    dflskd
                </dt>
                <dd>dsfdlkjf</dd>
            </dl>
            <h4>水平定义列表</h4>
            <dl class="dl-horizontal">
                <dt>
                    sjdklfj

                </dt>
                <dd>
                    sdf
                </dd>
                <dt>
                    sdfsdf
                </dt>
                <dd>
                    sdfsl
                    
                </dd>
            </dl>
    </body>
</html>